<template>
  <div>
    <hr>
    <p>-----这是一个父组件v-model-------------{{ num }}</p>
    <!-- 对于普通的input输入框使用v-model双向绑定，收集输入框中的数据的 -->
    <input v-model="uname" type="text">
    <!-- v-model可以对组件进行双向绑定 -->
    <!-- <son v-model="num" /> -->
    <!-- v-model是一个语法糖的写法，目的：为了使用方便
    实例的原理：底层代码就是如下写法 :value   @input
     -->
    <son :value="num" @input="val=> num = val" />
  </div>
</template>

<script>

import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      uname: 'zs',
      num: 100
    }
  },
  methods: {

  }
}
</script>

<style>

</style>
